@charset "utf-8";
*{
    margin:0;
    padding:0;
}
body{
    background:url("../img/bei.png")no-repeat;
    background-size: 100% 1024px;
}

#now {
    border:1px ;
    width:500px;
    height: 500px;
    background: url(../img/star1.png)no-repeat;
    background-size: 500px 500px;
    position: relative;
    left:1px;
    top:1px;
    animation: now 10s linear infinite;

}
img{
    width: 200px;
    height: 200px;

    margin-top: 245px;
}
@keyframes now{
    0%{background-size: 500px 500px;
        background:url(../img/star1.png)no-repeat ;
        left: 100px;
        top:100px;
    }
    10%{background-size: 500px 500px;
        background:url(../img/star1.png)no-repeat;
        left: 200px;
        top:200px;
    }
    20%{  background:url(../img/star1.png)no-repeat;
        background-size: 500px 500px;
        left: 200px;
        top:200px;}
    30%{  background:url(../img/star1.png)no-repeat;
        background-size: 500px 500px;
        left: 400px;
        top:200px;}
    40%  {  background:url(../img/star1.png)no-repeat;
        background-size: 500px 500px;
        left: 500px;
        top:300px;}
    50%{  background:url(../img/star1.png)no-repeat;
        background-size: 500px 500px;
        left: 400px;
        top:400px;}
    60%{  background:url(../img/star1.png)no-repeat;
        left: 400px;
        top:500px;}
    70%{  background:url(../img/star1.png)no-repeat;
        background-size: 500px 500px;
        left: 300px;
        top:400px;}
    100%{ background:url(../img/star1.png)no-repeat;
        background-size: 500px 500px;
        left: 100px;
        top:100px;}

}